Unique name for the object.

<div class="definition">
    String, default = ''
</div>

All objects (regardless of type) are registered as <span class="property">w2ui[name]</span>, where w2ui is a global variable.
The name of the object must be unique, otherwise object will not be created.

<textarea class="javascript">
// layout
let layout = new w2layout({
    name    : 'layout',
    panels  : [
        { type: 'top', size: 40 },
        { type: 'preview', size: 200 }
    ]
});

// grid
let grid = new w2grid({
    name    : 'grid',
    columns : [
        { field: 'fname', text: 'First Name', size: '30%' },
        { field: 'lname', text: 'Last Name', size: '30%' },
        { field: 'email', text: 'Email', size: '40%' }
    ]
});
</textarea>

In the example above two objects are created - a layout and a grid. You can access them through a global variable w2ui in the following way:

<textarea class="javascript">
w2ui.layout.refresh();   // layout
grid.refresh();     // grid
</textarea>

You can destroy any object by name
<textarea class="javascript">
$().w2destroy('layout');
</textarea>
